<template>
	<view class="container">
		<view class="input-box">
			<input type="text" placeholder="请输入姓名" class="font-size-24" placeholder-class="pla-class" />
			<view class="text">
				0/8
			</view>
		</view>
		<view class="display-flex center margin-top-60">
			<view class="button" style="padding: 24rpx 308rpx;">
				确定
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {};
		},
		onReachBottom() {},
		onLoad(option) {},
		onShow() {},
		methods: {},
		computed: {},
		watch: {}
	};
</script>
<style>
	page{
		background-color: #FFFFFF;
	}
</style>
<style scoped lang="scss">
	.container{
		.input-box{
			width: 100%;
			padding: 22rpx;
			box-sizing: border-box;
			border-bottom: 2rpx solid #EEEEEE;
			position: relative;
			input{
				width: 100%;
				/deep/ .pla-class{
					font-weight: 400;
					font-size: 36rpx;
					color: #B4B4B4;
					line-height: 50rpx;
				}
				font-weight: 400;
				font-size: 36rpx;
				color: #333333;
				line-height: 50rpx;
			}
			.text{
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 22rpx;
				font-weight: 400;
				font-size: 36rpx;
				color: #B4B4B4;
				line-height: 50rpx;
			}
		}
	}
</style>